@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {overflow-x:hidden;-webkit-text-size-adjust:none;}

body {color:#000000;font-family:'Source Han Sans CN','Microsoft YaHei','PingFang SC','Helvetica Neue','Arial','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.8; }

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#000000;}
a:hover{color: #000000}
/*居中*/

.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


p{letter-spacing:0.3px;}

/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}

/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/

input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}

.nav-btnbox { display:none}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd2{ padding-top:2%; padding-bottom:2%}

.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}


.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}

.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}



/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}


.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
li:hover .fangdapic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover>img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.fangdapic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}


.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}


@-webkit-keyframes fadeInUp {
    0% {opacity:0; -webkit-transform: translate3d(0,20%,0);transform: translate3d(0,20%,0)}
    to {opacity:1; -webkit-transform: none;transform:none}
}
@keyframes fadeInUp {
    0% {opacity:0; -webkit-transform:translate3d(0,20%, 0);transform: translate3d(0,20%, 0)}
    to {opacity:1; -webkit-transform: none;transform: none}
}
@-webkit-keyframes fadeInDown{
  0%{opacity:0; transform:translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}
@keyframes fadeInDown{
  0%{opacity:0; transform: translateY(-50px)}
  100%{opacity:1;transform: translateY(0)}
}



.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

.mainbox{margin: 0 auto; width: 90%; max-width: 1320px;}



.banner{position: relative; margin-top: 90px;}
.banner .swiper-pagination{z-index: 999; left:0px; bottom:30px; width: 100% }
.banner .swiper-pagination-bullet{background:#fff; opacity:0.7;width:100px; height:4px;margin:0px 5px; border-radius:6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.banner .swiper-pagination-bullet-active {opacity: 1}

.banner .swiper-slide img{width: 100%}

.banner .swiper-button-next:after, .banner .swiper-button-prev:after{font-size:40px; color: #000000; }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover{background:rgba(255,255,255,0.7)}
.banner .swiper-button-prev{left:3%; width: 70px; height: 70px; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.banner .swiper-button-next{right:3%;width: 70px; height: 70px; border-radius: 100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}





.top{position:fixed; left: 0px; top: 0px; width: 100%; z-index:99; background: #fff;}
.top.cur{ box-shadow: 0px 0px 10px rgba(0,0,0,0.1)}
.topcen{height: 90px; padding-left: 5%; padding-right: 5%}
.logo{width: 12%;max-width:140px}

.topright{width: 85%}
.nav{width:95%;}
.nav li{font-size: 16px; position: relative; font-weight: 500}

.nav li.cur:before{width: 120%}

.nav li>a{position: relative;  line-height: 90px; display: block; z-index: 2; color: #000}
.nav li:before{content:''; width:0; height: 5px; background: #ffef03; position: absolute; left: 50%; top: 50%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; transform: translate(-50%,-50%); z-index:1}
.nav li:hover:before{width: 120%}




.navdown{position: absolute; left:50%; top:90px;transform: translate(-50%,0);background:rgba(255,255,255,0.8); width:120px; display: none; box-shadow: 0px 3px 3px rgba(0,0,0,0.05);padding:10px 15px; text-align: center}

.navdown a{display: block; font-size: 14px; padding:5px 0px; font-weight: normal; line-height: 1.5}

.sousu{width: 16px; cursor: pointer}
.sosouboxsbj{background: rgba(0,0,0,0.5); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; display: none}

.sosouboxs{width: 100%; position:fixed; left: 0px; top:-20px; z-index: 99999; background: #fff; padding: 30px 0px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden}

.sosouboxs.show{ top: 0; opacity: 1; visibility: visible;}

.sosouhezi{border-bottom: 1px solid #cccccc; background: url("../images/fada02.png") no-repeat left center; background-size: 15px; padding-left: 30px; width: 80%; max-width: 500px; margin:0 auto}
.sousutxt{height: 40px; width: calc(100% - 50px); border: none}
.sousuclose{width: 50px; height: 50px;}


.sypronav li{text-align:center}
.sypronav li a{display: block}
.syproico{height: 30px;}
.syproico img{max-height: 100%;}
.sypronav li p{margin-top: 10px;}
.sypronav li.on{font-weight: bold}

.syprobox{width: calc(100% + 20px); margin-left: -20px;}
.syprobox li{width: calc(25% - 20px); float: left; background: #f7f7f7;border-radius: 20px; margin-left: 20px;}
.syprobox li a{display: block; padding: 20px; text-align: center}
.syprobox li p{height: 60px; line-height: 30px; font-size: 20px; margin: 15px 0px;}

.syprobox li span{width: 130px; height: 36px; border-radius: 36px; line-height: 36px; font-size: 14px; background: #ffef03; display:inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.syprobox li a:hover span{background: #000; color: #ffffff}

.huisebj{background: #f7f7f7}


.morebtn{width: 130px; height: 36px; border-radius: 36px; line-height: 36px; font-size: 14px; background: #ffef03; display:inline-block; text-align: center}
.morebtn:hover{background: #000; color: #ffffff}

.sytit h2{font-size: 40px; font-weight: 500}

.jingxuanleft{width: 48.48%; border-radius: 20px; background: #fff; text-align: center}
.jingxuanleft a{display: block; padding: 20px;}
.jingxuanleft h3{font-size: 26px; font-weight: 500;}
.jingxuanleft p{color: #797979;margin-bottom:20px;}
.jingxuanleft span{width: 130px; height: 36px; border-radius: 36px; line-height: 36px; font-size: 14px; background: #ffef03; display:inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.jingxuanleft a:hover span{background: #000; color: #ffffff}

.jingxuanright{width: 50%}

.jingxuanright ul{width: calc(100% + 20px); margin-left: -20px;}
.jingxuanright li{width: calc(50% - 20px); float: left; background: #ffffff;border-radius: 20px; margin-left: 20px; text-align: center}
.jingxuanright li a{display: block; padding: 15px; text-align: center}
.jingxuanright li p{color: #797979;}
.jingxuanright li h3{font-size: 22px; font-weight: 500;margin-top: 10px;}

.jingxuanright li:nth-child(1),.jingxuanright li:nth-child(2){margin-bottom:20px;}

.gonggong{position: relative}
.gonggong .swiper-pagination{z-index: 999; left:0px; bottom:0px; width: 100% }
.gonggong .swiper-pagination-bullet{background:#000000; opacity:1;width:6px; height:6px;margin:0px 5px; border-radius:6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.gonggong .swiper-pagination-bullet-active {background: #ffef03}



.sycasebox .swiper-slide{border-radius: 16px; background: #fff;overflow: hidden}

.sycasebox .swiper-slide a{display: block;padding-bottom: 20px;}
.sycasebox .swiper-slide p{font-size: 22px; line-height: 30px; height: 60px; padding: 0px 30px; margin-top: 20px; font-weight: 500}


.synewsbox .swiper-slide .fangdapic{border-radius: 16px;}

.synewsbox .swiper-slide a{display: block;}
.synewsbox .swiper-slide h3{font-size: 22px; line-height: 30px; height: 30px; margin-top: 20px; font-weight: 500;margin-bottom: 10px;}
.synewsbox .swiper-slide p{color: #797979; line-height: 26px; height: 52px; margin-bottom: 10px;}
.synewsbox .swiper-slide span{display: inline-block; color: #797979;position: relative;}
.synewsbox .swiper-slide span:before{content:''; width:0; height: 8px; background: #ffef03; position: absolute; left: 50%; top: 50%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; transform: translate(-50%,-50%); z-index:1}
.synewsbox .swiper-slide a:hover span:before{width: 100%}

.synewsbox .swiper-slide span em{position: relative; z-index: 2}
.synewsbox .swiper-slide a:hover span{color: #000}

.footerbj{background: #333333; color: rgba(255,255,255,0.5); padding: 0px 5%}
.footernav li p a{font-size:18px; color: #fff; font-weight: 500}
.footernav li p a:hover{color: #e0a126}
.footernav li p{margin-bottom: 10px;}
.footnavdown span{display: block; padding: 5px 0px;}
.footnavdown span a{color: rgba(255,255,255,0.5);}
.footnavdown span a:hover{color: #ffef03}

.footbot{border-top: 1px solid #484848; padding:30px 0px;}
.footbot a{color: rgba(255,255,255,0.5);}
.footbot a:hover{color: #ffef03}

.shares{width: 100px;}
.shares a{width: 20px; position: relative}
.shares a>img{opacity: 0.5;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.erweimabox{width: 100px; position: absolute; left: 50%; bottom:100%; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.05); opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 99999}
.erweimabox:before{content:'';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff; left: 50%; bottom: -10px; transform: translate(-50%,0); position: absolute}
.erweimabox img{border-radius: 5px;}

.shares a:hover .erweimabox{opacity: 1; visibility:visible}
.shares a:hover>img{opacity: 1}



.fudong{position: fixed; right: 0px; top: 50%; transform: translate(0,-50%); z-index: 9999; display: none;}
.fudong li a{width: 50px; height: 50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background: #000; }
.fudong li a:hover{background: #ffef03!important;}
.fudong li{position: relative;}
.fudong li a>img{width:20px;}

.erwei{width: 120px; position: absolute; right:56px; top: 50%; transform: translate(0,-50%); background: #fff;border-radius: 10px;  text-align: center; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.erwei p{margin-bottom: 10px}
.erwei img{border-radius: 10px; }
.erwei:before{width: 0; height: 0;border-top:10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent; content: ''; position: absolute; right:-10px; top: 50%; transform: translate(0,-50%)}

.fudong li a:hover .erwei{opacity: 1; visibility: visible}



.fudong li a:hover>p{background: #000000}
.fudong li a>p{width:160px;height: 50px;background: #d6dce3;  position: absolute; right:0px; text-align: center; line-height: 50px; color: #fff;  transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden}

.fudong li a:hover p{opacity: 1; visibility: visible;right: 50px;}

.uptop a{background: #a0a0a0!important}

.fudong li:nth-child(1){ border-top-left-radius: 10px;overflow: hidden}
.fudong li:nth-child(5){ border-bottom-left-radius: 10px;overflow: hidden}

.nybanner{margin-top: 90px; position: relative}
.nybanner img{width: 100%}

.nybanner h2{color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 36px;}

.nybanner h2:before{width: 47px; height: 4px; background: #fff;position: absolute; left: 50%; bottom: 0px; transform: translate(-50%,0); content: ''}

.nybanner p{max-width: 1320px; width: 90%; position: absolute;left: 50%; bottom: 10px; transform: translate(-50%,0);  color: rgba(255,255,255,0.7)}

.nybanner p a{color: rgba(255,255,255,0.7)}
.nybanner p a:hover{color: rgba(255,255,255,1)}
.nybanner p a:last-child{font-weight: bold; color: #fff}

.nynav{border-bottom: 1px solid #f4f4f4}
.nynav li{position: relative; margin-left: 5%}
.nynav li:first-child{margin: 0px;}
.nynav li a{line-height: 80px; position: relative; z-index: 2; color: #797979; display:block}
.nynav li a:hover{color: #000; font-weight: 500}
.nynav li:before{content:''; width:0; height: 5px; background: #ffef03; position: absolute; left: 50%; top: 50%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; transform: translate(-50%,-50%); z-index:1}
.nynav li:hover:before{width: 120%}

.nynav li.cur:before{width: 120%}
.nynav li.cur a{color: #000; font-weight: 500}




.nycase ul{ width: calc(100% + 40px); margin-left: -40px;}
.nycase li{border-radius: 16px; background: #fff;overflow: hidden; width: calc(33.33% - 40px); float: left; margin-left: 40px; background: #f7f7f7;margin-bottom: 50px}

.nycase li a{display: block;padding-bottom: 20px;}
.nycase li p{font-size: 22px; line-height: 30px; height: 60px; padding: 0px 30px; margin-top: 20px; font-weight: 500}

.page a{ text-align: center;font-size: 18px; font-weight: bold; display: inline-block; font-family: arial; opacity: 0.5; padding: 20px;}
.page a.cur{opacity: 1}
.page a:hover{opacity: 1}
.page a img{width: 10px;}

.caseshowtit{border-bottom: 1px solid #eaeaea;padding-bottom: 20px;}
.caseshowtit h1{font-size: 36px; font-weight: 500;}
.caseshowtit p{color: #797979; font-family: arial}

.caseshowbox{text-align: justify; color: #797979; line-height: 1.8}
.caseshowbox p{padding: 10px 0px;}

.caseshowbox img{display: inline-block}

.updown{border-bottom: 1px solid #eaeaea;}

.updown li{max-width: 48%}
.updown li a{color: #797979}
.updown li a:hover{color: #000}





.biaodan ul{width: calc(100% + 50px); margin-left: -50px;}
.biaodan li{width: calc(50% - 50px); float: left; margin-bottom: 20px; margin-left: 50px}
.biaodan li p{font-size: 18px; margin-bottom: 10px;}
.selects{width:100%; padding: 0px 10px; height:50px; border: 1px solid #d6d6d6; background: url("../images/joinxia.png") no-repeat 98% center; background-size:14px auto;}

.texts{width:calc(100% - 22px); padding: 0px 10px; height:50px; border: 1px solid #dedede; }
.biaodan li:last-child{width: calc(100% - 50px);}


.tijiaos{width: 145px; height: 50px; background: #ffef03; color: #000; margin-top: 30px; font-size: 18px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.tijiaos:hover{ background: #000; color: #ffffff}

.abtxt{color: #797979; font-size: 18px;}

.abpicimg{border-radius: 5px; border: 5px solid #f4f4f4}

.nycontact{border-top: 1px solid #f4f4f4; padding-top: 3%}

.cotactleft{width: 37%}

.cotactleft h2{font-size: 34px; font-weight: 500}

.cotactleft h3{font-size: 22px; font-weight: 500; margin-top: 14%;}

.cotactleft h4{font-weight: normal}

.contcsx {margin-top: 10%}
.contcsx ul{width: 45%}

.contcsx li span{position: relative; font-weight: 500; font-size:18px}

.contcsx li span:before{content:''; width:120%; height: 5px; background: #ffef03; position: absolute; left: 50%; top: 50%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; transform: translate(-50%,-50%); z-index:1}
.contcsx li span em{position: relative; z-index: 2}

.contcsx li p{color: #797979}

.contcsx li a{color: #797979}
.contcsx li a:hover{color: #000000}

.erwam{border-radius: 20px; border: 3px solid #f8f9fc; display:inline-block; overflow: hidden;margin-top: 40%}


.cotactright{border-radius: 20px; box-shadow: 0px 0px 20px rgba(0,0,0,0.05); width: calc(50% - 80px); padding: 40px; color: #797979}
.cotactright h3{font-weight:normal}
.cotactright li{margin-top: 30px;}
.cotactright span{width: 120px; line-height: 50px;}
.bdright{width: calc(100% - 130px)}
.shuru{background: #f8f9fc; border-radius: 6px; width: calc(100% - 20px); padding: 0px 10px; height: 50px;border: none}
.bdright textarea{background: #f8f9fc; border-radius: 6px; width: calc(100% - 20px); padding: 10px; height: 50px; height: 100px;border: none} 


.submitbut{width: 105px; height: 40px; background: #ffef03; color: #000; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-radius: 40px;}
.submitbut:hover{ background: #000; color: #ffffff}



.nynewsbox ul{ width: calc(100% + 40px); margin-left: -40px;}
.nynewsbox li{border-radius: 16px; background: #fff;overflow: hidden; width: calc(33.33% - 40px); float: left; margin-left: 40px; margin-bottom: 40px}



.nynewsbox li .fangdapic{border-radius: 16px;}

.nynewsbox li a{display: block;}
.nynewsbox li h3{font-size: 22px; line-height: 30px; height: 30px; margin-top: 20px; font-weight: 500;margin-bottom: 10px;}
.nynewsbox li p{color: #797979; line-height: 26px; height: 52px; margin-bottom: 10px;}
.nynewsbox li span{display: inline-block; color: #797979;position: relative;}
.nynewsbox li span:before{content:''; width:0; height: 8px; background: #ffef03; position: absolute; left: 50%; top: 50%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; transform: translate(-50%,-50%); z-index:1}
.nynewsbox li a:hover span:before{width: 100%}

.nynewsbox li span em{position: relative; z-index: 2}
.nynewsbox li a:hover span{color: #000}


.nyprobox ul{ width: calc(100% + 20px); margin-left: -20px;}
.nyprobox li{border-radius: 20px; background: #fff;overflow: hidden; width: calc(25% - 20px); float: left; margin-left: 20px; margin-bottom: 20px}

.nyprobox li a{display: block; padding: 20px 10px; text-align: center}
.nyprobox li p{height: 60px; line-height: 30px; font-size: 20px; margin: 15px 0px; padding: 0px 20px;}

.nyprobox li span{width: 130px; height: 36px; border-radius: 36px; line-height: 36px; font-size: 14px; background: #ffef03; display:inline-block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.nyprobox li a:hover span{background: #000; color: #ffffff}





a.cpmlbtn{background:#ffef03; font-size:22px; border-top-right-radius:5px;border-bottom-right-radius:5px;color:#000; width:22px;padding:10px; line-height:1.2; display:block}

.chanpmulu{ position:fixed; left:0px; top:50%; transform:translateY(-50%); width:44px; z-index:99999  }

.promulu{background: #fff; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5}
.prodaohang.cur{ left:0px;}
.prodaohang{ position:fixed; top:50%;transform:translateY(-50%); width:280px; z-index:99999; left:-280px;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all;  }
.prodaohang>h2{ background:url(../images/xiada.png) no-repeat 90% center #ffef03; background-size:18px auto;  color:#000; font-size:18px; padding:10px 30px}

.prodaohang ul{}
.prodaohang li{ height:50px; border-bottom:1px solid #f7f7f7; position:relative}
.prodaohang li>a{ line-height:50px;background:url(../images/you2.png) no-repeat 88.5% center #f7f7f7; color:#696969;background-size:6px auto;  display:block; padding-left:30px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:50px; }

.promuludown{ width:420px; position:absolute; left:279px; top:-1px; border:1px solid #ffef03; padding:20px; display:none; background: #fff}
.promuludown span{ width:33.333%; float:left;  padding:10px 0px;}
.promuludown span a{color:#696969;}
.promuludown span a:hover{color:#000; font-weight: 500}

.prodaohang li:hover{ border-bottom:1px solid #ffef03; border-top:1px solid #ffef03; border-left:1px solid #ffef03}
.prodaohang li:hover>a{color:#000;background:url(../images/you.png) no-repeat 90% center #fff;background-size:6px auto;  font-weight: 500}
.prodaohang li:hover:before{ width:5px; height:100%; background:#fff; position:absolute; content:""; right:-3px; top:0px; z-index:999}

.mt90{margin-top: 90px;}
.miaobao{padding-top: 20px;}
.miaobao a{ color: #797979}
.miaobao { color: #797979}

.miaobao a:hover{ color: #000}
.miaobao a:last-child{ color: #000; font-weight: 500}

.proshowbox{}
.proshowleft{background: #fff; width: calc(49.7% - 40px); border-bottom-left-radius: 20px; border-top-left-radius: 20px; padding: 30px 20px;}
.proshowright{width: calc(49.7% - 100px); background: #fff; border-bottom-right-radius: 20px; border-top-right-radius: 20px; padding: 50px}

.proshowright>h2{font-size: 26px; line-height: 1.4; font-weight: 500; border-bottom: 2px solid #f2f2f2; padding-bottom: 20px; margin-bottom: 20px;}

.proshowtxt span{width: 80px; color: #797979}

.proshowtxt p{width: calc(100% - 80px); line-height: 2}

.renxian {margin-top: 30px;}
.renxian a{height: 70px; background: #ffef03;font-weight: 500; width: 130px; text-align: center; line-height: 70px; border-radius: 8px; margin-right: 20px}

.renxian span{border: 2px solid #f2f2f2; text-align: center;border-radius: 8px; padding:10px 25px; line-height: 1.2}
.renxian span i{font-size: 24px; font-family: arial; font-weight: bold; display: block}
.renxian span em{}

.nynav.line{border-bottom: 1px solid #f4f4f4}


.proshownav{border-bottom: 1px solid #f4f4f4;border-top: 1px solid #f4f4f4;margin: 60px 0px;}
.proshownav li{line-height: 70px; color: #797979; font-size: 20px; padding: 0px 40px; cursor: pointer;transition:0.3s all;-webkit-transition:0.3s all;-moz-transition:0.3s all;-o-transition:0.3s all;-ms-transition:0.3s all; }
.proshownav li.cur{background: #ffef03; color: #000; font-weight: 500;}
.proshownav li:hover{background: #ffef03; color: #000; font-weight: 500;}

.proshowtit{border-bottom: 1px solid #f4f4f4; position: relative}
.proshowtit:before{content: ''; width: 47px; height: 3px; background: #000; position: absolute; left: 0px; bottom: -1px;}

.proshowtit p{font-size: 24px; font-weight: 500;padding:10px 0px;}

.miaoshutxt{width: 61.3%; text-align: justify; color: #696969;}
.miaoshutxt p{padding-bottom: 20px;}

.miaoshupic{width: 33.18%; border: 1px solid #f4f4f4; border-radius: 20px;overflow: hidden}

.tedian{background: #f7f7f7; border-radius: 20px; margin: 20px 0px;}


.tedian ul{ width: calc(100% - 40px); margin-left: -40px; padding: 40px;}
.tedian li{ width: calc(50% - 40px); float: left; margin-left: 40px; margin-bottom: 20px}

.tedian li p{font-weight: 500;}
.tedian li i{color: #696969; display: block; position: relative; padding-left: 15px;}
.tedian li i:before{content: ''; width: 6px; height: 6px; background: #696969; border-radius: 100%; position: absolute; left: 0px; top:10px;}

.jishusj>h2{font-size: 18px; font-weight: 500;margin-top: 30px;}

.biaoge{background: #f7f7f7; border-radius: 20px; overflow:hidden;margin: 20px 0px;}

.biaoge td{color: #696969; border: 1px solid #fff; padding: 20px 5%}
.biaoge td:first-child{width: 30%}
.biaoge td img{width: 20px;}


.download ul{ width: calc(100% + 20px); margin-left: -20px;}
.download li{ width: calc(25% - 20px); float: left; margin-left: 20px; margin-bottom: 20px}
.download li a{border:3px solid #f7f7f7; display: block}
.download li p{background: #ffef03; font-weight: 500; height: 54px;}
.download li p img{width: 16px; margin-left: 10px;}



.nynavselect {position:relative;color:#999999;vertical-align:middle;text-align:left;user-select:none;-webkit-touch-callout:none; margin:30px 20px 10px; display: none; }

.nynavselect .placeholder {position:relative;display:block;background-color:#fff;z-index:1; height: 56px; line-height: 56px;font-size:18px;cursor:pointer; padding-left:20px;border: 1px solid #eee;color: #333; }

.nynavselect .placeholder:after {position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:10; background: url("../images/selectxia.png") no-repeat center center; content: ""; width: 10px; height: 6px; background-size: 100% auto}

.nynavselect.is-open .placeholder:after {background: url("../images/selectxia2.png") no-repeat center center;background-size: 100% auto}
.nynavselect.is-open ul {display:block; box-shadow:0px 0px 10px rgba(0,0,0,0.05)}

.nynavselect ul {display:none;position:absolute;overflow:hidden;width:100%;background:#fff;top:100%;left:0;z-index:100;font-size:18px;}
.nynavselect ul li {display:block;text-align:left; padding:10px 20px; color:#999;cursor:pointer;}


.nynavselect ul li a{display: block}
.nynavselect ul li.cur{background:#ffef03}
.nynavselect ul li.cur a{color: #000}




/*2023.03.16 新增样式*/

.khm-wrap{
    width: calc(100% - 40px);
    margin: 0 auto;
    position: relative;
}

.homelist-bottom{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.homelist-bottom li {
    width: 24%;
    transition: all .2s;
    overflow: hidden;
    margin-bottom: 40px;
}
.homelist-bottom li.c{
    margin-right: 20px;
}
.homelist-bottom li.c1{
    width: 49%;
    margin-right: 1%;
}
.homelist-bottom li.c2{
    width: 32.33333%;
    margin-right: 1%;
}
.homelist-bottom li.c3{
    width: 24%;
    margin-right: 1%;
}

.homelist-bottom li .content{
    display: block;
    color: #333;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.homelist-bottom li .content h2{
    font-size: 16px;
    line-height: 34px;
    font-weight: 700;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
}
.homelist-bottom li .content p{
    line-height: 16px;
    overflow: hidden;
}
.homelist-bottom li:hover {
}
.homelist-bottom li:hover .content{
    color: #666;
}
.homelist-bottom li .topimg{
    width: 100%;
    height: 118px;
    transition: all .2s;
    display: block;
    opacity: 1;
    overflow: hidden;
}
.homelist-bottom li.c1 .topimg.a1{
    height: 400px;
}
.homelist-bottom li.c2 .topimg.a1{
    height: 300px;
}
.homelist-bottom li.c3 .topimg.a1{
    height: 118px;
}
.homelist-bottom li .topimg img{
    width: 100%;
    height: auto;
}
.homelist-bottom li:hover .topimg{
    opacity: .8;
}
.homelist-bottom li .content img.icon{
    width: 30px;
    height: 26px;
    display: block;
    margin: 10px auto;
}

.miaoshubox img{display: inline-block;}
.pd3 img{display: inline-block}
.jishusj img{display: inline-block}